export const containerConfig = [
    {
        type: 'row',
        id: 'row',
        label: '栅格布局',
        children: [],
        attributes: {
            gutter: 1,
            hidden: false,
            cssClass: []
        }
    },
    {
        type: 'card',
        id: 'card',
        label: '卡片',
        children: [],
        attributes: {
            cardShadow: 'always', // always / hover / never
            headerTitle: '卡片标题',
            hidden: false,
            cssClass: []
        }
    },
    {
        type: 'tabs',
        id: 'tabs',
        label: 'Tabs 标签页',
        children: [],
        attributes: {
            tabPosition: 'top', // 可选 top/right/bottom/left
            tabType: 'border-card',
            hidden: false,
            cssClass: []
        }
    },
    {
        type: 'rowFlex',
        label: 'Flex行容器',
        id: 'flex',
        children: [],
        attributes: {
            gap: '10px',          // 元素间距
            justify: 'start',     // 主轴对齐方式：start | center | end | space-between | space-around
            align: 'start',       // 交叉轴对齐方式：start | center | end
            wrap: true,           // 是否换行
            hidden: false,
            cssClass: []
        }
    },
    {
        type: 'subFormTable',
        id: 'subForm',
        label: '子表单',
        isSubForm: true,
        children: [], // 子表单的列（column），每列包含组件
        attributes: {
            label: '子表单',
            maxHeight: '500px',
            border: true,
            stripe: false,// 是否为斑马纹
            fit: true, //列自动撑满
            required: false,
            hidden: false,
            disabled: false,
            cssClass: []
        },
        events: {
            onMounted: '', // 自定义事件代码
        }
    }
];